/* Website layout */
#wrapper {
	width: 100%;
	height: 100%;
	min-height: 100%;
}
#container {
	height: 100%;
	margin-bottom: 50px;
}
#header {
	background: #464646;
	height: 46px;
}
#header h1 {
	float: left;
	font-size: 22px;
	padding: 10px 8px 5px;
}
#header h1 a {
	color: #FFFFFF;
	text-decoration: none;
}
#info {
	margin: 0px 0px 0px 15px;
	padding-right: 15px;
}
#info * {
	color: #999999;
}
#info #user {
	float: right;
	font-size: 12px;
	height: 46px;
	line-height: 46px;
}
#content {
	clear: both;
	padding-top: 15px;
	margin-left: 175px;
	min-height: 480px;
	*min-height: 500px;
}
#menu {
	font-size: 12px;
	width: 145px;
	margin: 0px 5px 15px -160px;
	padding: 0px;
	position: relative;
	clear: left;
	float: left;
}
#main { 
	float: left;
	width: 100%;
}
#footer {
	background-color: #464646;
	color: #999999;
	font-style: italic;
	margin-top: -45px;
	clear: both;
	position: relative;
	width: 100%;
}
#footer p {
	padding: 15px;
}

/* Span for form validation */
div.form label[generated=true]{
	display: block;
	width: auto;
	min-width: 200px;
	max-width: 500px;
	padding-left: 16px;
	line-height: 16px;
	margin-bottom: 8px;
	height: 16px;
}
label.success { background: url(../img/notify.right.gif) left center no-repeat; }
label.error { background: url(../img/notify.error.gif) left center no-repeat; color: #EE0000;}
label.load { background: url(../img/notify.loading.gif) left center no-repeat; }

/* Ajax indicator components */
span.notifier {
	background-color: #FAFCFD;
	border: 1px solid #CCEFF5;
	display: block;
	height: 20px;
	left: 450px;
	line-height: 20px;
	margin: 0 auto;
	padding: 5px 10px 5px 30px;
	position: fixed;
	top: 10%;
	left: 45%;
	width: 208px;
	-moz-border-radius: 4px;
	-khtml-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	z-index: 1000;
}
span.notifier.load { background: url(../img/notify.load.gif) #FAFCFD left center no-repeat; }
span.notifier.success { background: url(../img/notify.success.png) #F2FDDB left center no-repeat; border-color: #ADCD3C; }
span.notifier.warn { background: url(../img/notify.warn.png) #FFFFDD left center no-repeat; border-color: #E3E197; }
span.notifier.notice { background: url(../img/notify.notice.png) #E8F5FE left center no-repeat; border-color: #A9C9E2; }
span.notifier.error { background: url(../img/notify.error.png) #FFF5FA left center no-repeat; border-color: #F8B3D0; }
span.indicator { background: url(../img/notify.loading.gif) #FFFEEB left center no-repeat; padding-left: 15px; display: block; }

/* Other Universally used components */
dl { clear: both; }
dt,dd { display: block; float: left; }
dt { margin: 3px 8px 3px 0px; text-align: right; width: 40px; }
span.help {
	background: transparent url(../img/span.help.png) left center no-repeat;
	cursor: pointer;
	line-height: 18px;
	padding-left: 18px;
}
ul.tip { list-style-type: disc; margin-left: 10px; padding-left: 10px; }
p.faq {
	margin: 5px 0px;
	line-height: 150%;
	padding: 5px 0px;
	text-indent: 15px;
	background: url(../img/notify.faq.gif) 0px 8px no-repeat;
	border-bottom: 1px solid #DEDEDE;
	border-top: 1px solid #DEDEDE;
}
a.action { padding-left: 16px; margin-left: 3px;}
a.action.export { background: transparent url(../img/action.export.gif) left top no-repeat; }
a.action.edit { background: transparent url(../img/action.edit.gif) left top no-repeat; }
a.action.delete { background: transparent url(../img/action.delete.gif) left top no-repeat; }
a.action.view { background: transparent url(../img/action.view.gif) left top no-repeat; }
a.action.help { background: transparent url(../img/action.help.gif) left top no-repeat; }
a.action.detail { background: transparent url(../img/action.detail.png) left top no-repeat; }
a.action.apply { background: transparent url(../img/action.apply.gif) left top no-repeat; }

/* Form Division Stylsheets: inputs, selects, textarea */
div.form input.input,
div.form input.file,
div.form input.password,
div.form select.select,
div.form textarea.textarea {
	clear: both;
	display: block;
	border: 1px solid #DFDFDF;
	font-size: 12px;
	height: 15px;
	line-height: 15px;
	padding: 3px;
	margin: 5px 0px;
	-moz-border-radius: 4px;
	-khtml-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
}
div.form label {
	color: #333333;
	display: inline-block;
	width: 100%;
	line-height: 150%;
}
div.form select.select {
	height: 24px;
	*height: 20px;
	line-height: 20px;
	width: auto;
}
div.form label.radio,
div.form label.checkbox,
div.form label.select {
	width: auto;
}
div.form label.radio,
div.form label.checkbox,
div.form label.select,
div.form input.radio,
div.form input.checkbox,
div.form select.select {
	display: inline;
}
div.form input.password,
div.form input.input {
	width: 300px;
}
div.form input.large {
	font-size: 14px;
	height: 20px;
	line-height: 20px;
	width: 98%;
}
div.form input.big {
	font-size: 18px;
	height: 24px;
	line-height: 24px;
	width: 98%;
}
div.form textarea.textarea {width: 98%; min-height: 150px; font-size: 12px;}
ul.titles li,
div.actions a,
div.form input.submit {
	clear: both;
	font-size: 12px !important;
	line-height: 15px;
	text-decoration: none;
	background: #F2F2F2 url(../img/grad.white.png) left top repeat-x;
	border: 1px solid #BBBBBB;
	color: #464646;
	padding: 1px 8px;
	-moz-border-radius: 5px;
	-khtml-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}
div.actions a:hover,
div.form input.submit:hover {
	border-color: #666666;
	color: #000000;
}
div.actions a.attention,
div.form input.attention {
	background: #21759B url(../img/grad.green.png) left top repeat-x;
	font-weight: bold;
	color: #FFFFFF;
}
div.actions a.attention:hover,
div.form input.attention:hover {
	border-color: #000000;
	color: #FFFFFF;
}
div.form input.success {	border: 1px solid #008000; }
div.form input.error {	border: 1px solid #ef4136; }
div.form input.file {
	font-size: 12px;
	height: 24px;
	line-height: 24px;
}

/* Action link button styles */
div.actions { margin: 10px 0px;}
div.actions li { float: left; margin: 5px 15px 5px 0px; }
div.actions a { display: inline-block; padding: 3px 8px; }

/* Index page H2 element AND Form division legend style */
div.index h2,
div.view h2,
div.menu h2,
div.security h2,
div.form legend {
	font-size: 24px;
	font-weight: bold;
	font-family: Georgia,"Times New Roman","Bitstream Charter",Times,serif;
	height: 45px;
	line-height: 45px;
	padding-left: 45px;
}
div.posts h2, div.posts form legend { background: transparent url(../img/icons45.png) 0px -225px no-repeat; }
div.actions h2, div.actions form legend { background: transparent url(../img/icons45.png) 0px -270px no-repeat; }
div.postAttachments h2, div.postAttachments form legend { background: transparent url(../img/icons45.png) 0px -315px no-repeat; }
div.postTerms h2, div.postTerms form legend { background: transparent url(../img/icons45.png) 0px 0px no-repeat; }
div.students h2, div.students form legend { background: transparent url(../img/icons45.png) 0px -180px no-repeat; }
div.studentResumes h2, div.studentResumes form legend { background: transparent url(../img/icons45.png) 0px -180px no-repeat; }
div.users h2, div.users form legend { background: transparent url(../img/icons45.png) 0px -180px no-repeat; }
div.groups h2, div.groups form legend { background: transparent url(../img/icons45.png) 0px -180px no-repeat; }
div.companies h2, div.companies form legend { background: transparent url(../img/icons45.png) 0px -135px no-repeat; }
div.companyIndustries h2, div.companyIndustries form legend { background: transparent url(../img/icons45.png) 0px 0px no-repeat; }
div.companyLocations h2, div.companyLocations form legend { background: transparent url(../img/icons45.png) 0px 0px no-repeat; }
div.companyTypes h2, div.companyTypes form legend { background: transparent url(../img/icons45.png) 0px 0px no-repeat; }
div.jobs h2, div.jobs form legend { background: transparent url(../img/icons45.png) 0px -45px no-repeat; }

/* Index Page Table styles, table, thead, tfoot, tr, td */
div.index table.fixed {
	table-layout: fixed;
	display: block;
	margin: 5px 0;
	-moz-border-radius: 4px;
	-khtml-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
}
div.index table.table {
	background-color: #FFFFFF;
	border: 1px solid #DFDFDF;
	border-collapse: collapse;
	border-spacing: 0px;
	clear: both;
	width: 99%;
}
div.index th.checkbox, div.index td.checkbox { width: 20px; }
div.index tr.altrow { background-color: #F9F9F9; }
div.index td, div.index th {
	border-bottom: 1px solid #DFDFDF;
	color: #333333;
	padding: 3px 7px;
	text-align: center;
	vertical-align: text-top;
}
div.index th {
	background: #F2F2F2 url(../img/grad.grey.png) left top repeat-x;
}
div.index th a,
div.index th a:active,
div.index th a:hover,
div.index th a:visited {
	color: #333333;
	text-decoration: none;
}

/* Table Navigation Section */
div.tablenav {
	clear: both;
	height: 30px;
	width: 99%;
	margin: 2px 0px;
	vertical-align: middle;
}
div.batchactions {
	float: left;
}
div.paging { display: block; margin: 3px; padding: 3px; float: right; }
div.paging a {
	background: #EEEEEE url(../img/menu.bits.gif) repeat-x scroll left -379px;
	display: inline-block;
	border: #E3E3E3 1px solid;
	color: #555555;
	margin-right: 2px;
	padding: 3px 6px;
	text-decoration: none;
	cursor: pointer;
	-moz-border-radius: 4px;
	-khtml-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
}
div.paging a:hover {
	color: #D54E21;
	border-color: #D54321;
}
div.paging a.current {
	background-color: #DFDFDF;
	border-color: #D3D3D3;
}
div.paging span.counter {
	font-family: Georgia,"Times New Roman","Bitstream Charter",Times,serif;
}

/* User LogIn Form Special style */
div.login form legend {
	background: transparent url(../img/form.login.png) left top no-repeat;
	font-style: normal;
}
div.login form input.input { width: 88px; }
div.login form label.label { margin: 6px 0px; }

/* Page Widget Box styles, Include widget box containers */
div.sidebar,
div.widfats,
div.widgets {
	width: 48%;
	*width: 47.9%;
	float: left;
	margin-right: 2%;
}
div.sidebar { width: 29%; }
div.widfats { width: 65%; min-width: 320px; }
div.widget {
	background-color: #FFFFFF;
	border: 1px solid #DFDFDF;
	margin-bottom: 20px;
	min-width: 255px;
	width: 99.5%;
	position: relative;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}
div.widget div.toggle {
	float: right;
	width: 23px;
	height: 26px;
}
div.widget div.toggle.hover {
	background: transparent url(../img/menu.bits.gif) no-repeat left -111px;
}
div.widget h3.handle {
	background: #DFDFDF url(../img/grad.grey.png) left top repeat-x;
	font-size: 12px;
	font-weight: bold;
	line-height: 1;
	padding: 7px 9px;
	cursor: move;
}
div.widget h3.handle span {
	padding: 6px 0px;
}
div.widget div.content {
	font-size: 12px;
	margin: 10px;
	position: relative;
}
div.widget div.content p {
	margin: 5px 0px;
	line-height: 150%;
}
div.widget input.input {
	width: 200px;
}

/* System menu styles */
ul.menu li {
	border-color: #E3E3E3;
	background: #F1F1F1 url(../img/menu.bits.gif) repeat-x left -379px;
	line-height: 18px;
	min-width: 10em;
	text-align: left;
}
ul.menu li.item {
	border: 1px solid #E3E3D3;
	border-top: none;
}
ul.menu li.top {
	border-top: 1px solid #E3E3D3;
	-moz-border-radius-topleft: 5px;
	-moz-border-radius-topright: 5px;
	-webkit-border-top-left-radius: 5px;
	-webkit-border-top-right-radius: 5px;
}
ul.menu li.bottom {
	border-top: none;
	-moz-border-radius-bottomleft: 5px;
	-moz-border-radius-bottomright: 5px;
	-webkit-border-bottom-left-radius: 5px;
	-webkit-border-bottom-right-radius: 5px;
}
ul.menu li.single {
	border: 1px solid #E3E3D3;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}
ul.menu li.current {
	background: #6D6D6D url(../img/menu.bits.gif) repeat-x left top;
}
ul.menu li.separator {
	background:	transparent url(../img/menu.arrows.gif) repeat-x left 5px;
	height: 21px;
	margin: 0px;
	padding: 0px;
}
ul.menu li a {
	color: #21759B;
	text-decoration: none;
	font-size: 14px;
	padding: 5px;
	cursor: pointer;
	min-height: 20px;
	display: block;
}
ul.menu li.current a { color: #FFFFFF; }
ul.menu li.current .submenu a { color: #21759B; }
ul.menu div.image {
	float: left;
	height: 28px;
	width: 28px;
}
ul.menu div.toggle {
	float: right;
	clear: right;
	height: 27px;
	width: 22px;
	margin: 1px 0px 0px;
	padding: 1px 2px 0px 0px;
}
ul.menu div.toggle.hover {
	background: transparent url(../img/menu.bits.gif) repeat-x left -109px;
}
ul.menu li.current div.toggle {
	background: transparent url(../img/menu.bits.gif) repeat-x left -207px;
}
li#menu_home div.image { background: transparent url(../img/menu.png) no-repeat -61px -33px;}
li#menu_home:hover div.image { background: transparent url(../img/menu.png) no-repeat -61px -1px;}
li#menu_home.current div.image { background: transparent url(../img/menu.png) no-repeat -61px -1px;}
li#menu_posts div.image { background: transparent url(../img/menu.png) no-repeat -272px -33px;}
li#menu_posts:hover div.image { background: transparent url(../img/menu.png) no-repeat -272px -1px;}
li#menu_posts.current div.image { background: transparent url(../img/menu.png) no-repeat -272px -1px;}
li#menu_companies div.image { background: transparent url(../img/menu.png) no-repeat -1px -33px;}
li#menu_companies:hover div.image { background: transparent url(../img/menu.png) no-repeat -1px -1px;}
li#menu_companies.current div.image { background: transparent url(../img/menu.png) no-repeat -1px -1px;}
li#menu_jobs div.image { background: transparent url(../img/menu.png) no-repeat -151px -33px;}
li#menu_jobs:hover div.image { background: transparent url(../img/menu.png) no-repeat -151px -1px;}
li#menu_jobs.current div.image { background: transparent url(../img/menu.png) no-repeat -151px -1px;}
li#menu_students div.image { background: transparent url(../img/menu.png) no-repeat -301px -33px;}
li#menu_students:hover div.image { background: transparent url(../img/menu.png) no-repeat -301px -1px;}
li#menu_students.current div.image { background: transparent url(../img/menu.png) no-repeat -301px -1px;}
li#menu_settings div.image { background: transparent url(../img/menu.png) no-repeat -241px -33px;}
li#menu_settings:hover div.image { background: transparent url(../img/menu.png) no-repeat -241px -1px;}
li#menu_settings.current div.image { background: transparent url(../img/menu.png) no-repeat -241px -1px;}

div.submenu {
	background-color:	transparent;
	display: block;
	list-style: none;
}
div.submenu ul {
	background-color: #FFFFFF;
}
div.submenu li a {
	font-size: 12px;
}
div.submenu li {
	color: #333;
	background-color: #FFFFFF;
	background-image: none;
	border-color: #e3e3e3;
	margin: 0px;
}
div.submenu li:hover {
	background-color: #EAF2FA;
	color: #333333;
}
div.submenu li.current,
div.submenu li.current a,
div.submenu li.current a:hover {
	color: #333333;
	background-color: #f5f5f5;
	background-image: none;
	border-color: #e3e3e3;
	margin: 0px;
}

/* Entity View Shared styles */
div.related h3 { margin: 8px 0px; }
div.related p { width: 99%; }
/* Post View Styles */
div.post { max-width: 800px; padding: 10px; font-size: 13px; }
div.post h3.title {
	font-size: 18px;
	text-align: center;
	margin: 15px 0px;
}
div.post div.meta {
	text-align: center;
	padding: 5px 0px;
	margin: 0px -20px;
	background-color: #EFEFEF;
	border-bottom: 1px solid #DEDEDE;
	border-top: 1px solid #DEDEDE;
}
div.post div.meta span {
	display: inline-block;
	margin-right: 10px;
}
div.post div.content p {
	text-indent: 24px;
	margin: 5px 0px;
	line-height: 150%;
}
div.post div.content ul {
	padding-left: 36px;
	list-style-type: disc;
}
div.post div.attachments {
    margin: 10px -20px;
    padding: 0px;
}
div.post div.attachments h3 {
    font-size: 18px;
    padding: 8px 20px;
	background-color: #EFEFEF;
	border-bottom: 1px solid #DEDEDE;
	border-top: 1px solid #DEDEDE;
}
div.post div.attachments ul {
    list-style: decimal none inside;
    padding-left: 36px;
    line-height: 18px;
}

/* Company View style */
/* Job View style */
ul.titles li {
	clear: none;
	float: left;
	margin-right: 10px;
	cursor: pointer;
	/*color: #FFFFFF;
	background: #21759B url(../img/grad.green.png) left top repeat-x;*/
}

/* No-Log-In home page style */
div.home li {
	line-height: 180%;
    padding-left: 16px;
    background: url(../img/list.post.png) left center no-repeat;
}

div.posts.home h3 {
	font-size: 13px;
	font-weight: normal;
	line-height: 15px;
	text-decoration: none;
	background: #F2F2F2 url(../img/grad.white.png) left top repeat-x;
	border: 1px solid #BBBBBB;
	color: #464646;
	float: left;
	display: block;
	padding: 1px 8px;
	margin: 5px 5px 10px 0px;
	-moz-border-radius: 4px;
	-khtml-border-radius: 4px;
	-webkit-border-radius: 4px;
}
div.posts.home h3:hover {
	border-color: #666666;
	color: #000000;
}
div.posts.home li.post_item {
    padding-left: 16px;
    background: url(../img/list.post.png) left center no-repeat;
}
div.posts.home li.has_attachment {
    padding-left: 16px;
    background: url(../img/list.attachment.gif) left center no-repeat;  
}

/* Student basic information tables */
div.table {
	background: #F9F9F9;
	margin: 0px -10px 10px;
	padding: -10px 10px;	
}
div.table table {
	border-collapse: collapse;
	width: 100%;
}
div.table th,
div.table td {
	padding: 6px;
	border-bottom: 1px solid #ECECEC;
	border-right: 1px solid #ECECEC;
}
div.table td.key {
	width: 20%;
	text-align: right;
}
div.table td.value {
	width: 30%;
	background: #FFFFFF;
	text-align: left;
	font-weight: 500;
}
div.table td.title {
	background: #FFFFFF;
	font-weight: bold;
	border-right: none;
}
table.one td.key { width: 12%; }
table.one td.value { width: 88%; }
table.view td.key { width: 10%; }
table.view td.value { width: 40%; }
div.table input.input { width: 90%; margin: 0px; }
div.table select.select { margin: 0px;}

/* Student.Applications table style */
table.students_jobs * {
    text-align: left;
    background-color: #FFFFFF;
}
table.students_jobs th {
    text-align: center;
    font-weight: 500;
    background-color: #EFEFEF;
    /*border-bottom: 1px solid #AAAAAA;
    border-top: 1px solid #AAAAAA;*/
    border-right: 1px solid #FFFFFF;
}
table.students_jobs td.odd {
    background-color: #F9F9F9;
}
table.students_jobs td.even {}
table.students_jobs td.extra {}

/* Security.actions index page style */
div.index.actions li.controller {
	float: left;
	width: 30%;
	padding: 0.8%;
	margin-right: 0.8%;
	border: 1px solid #E3E3D3;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}
div.index.actions span.name {
	font-weight: 600;
}
div.index.actions span.action {
	width: 80px;
	padding-right: 8px;
	display: inline-block;
	text-align: right;
}
div.index.actions ul ul {
	padding-left: 2em;
}
div.index.actions ul ul li {
	float: none;
}

/* Group.Security style */
div.security dt, div.security dd {
	display: inline-block;
	padding: 0px;
	margin: 0px;
	float: none;
}
div.security dt {
	width: 90px;
}
div.security h4 {
	clear: both;
}
div.security input.radio {
	display: inline;
}
div.security label {
	display: inline;
}
div.actions span.include,
div.security span.allow {
	color: Green;
}
div.actions span.exclude,
div.security span.deny {
	color: Red;
}
div.security div.group {
	width: 30%;
	float: left;
	margin-right: 1%;
	border: 1px solid #E3E3D3;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}
